<template>
	<view class="mainCss">
		<view class="titleBox">
			<view class="titleLeft">
				<img src="../../static/title/back.png" class="titleBack" @click="goBack">
			</view>
			<view class="titleText">
				<text>发布人</text>
			</view>
			<view class="titleRight">

			</view>
		</view>
		<view class="userBgBox">
			
		</view>
		<view class="bgBox">
			<view class="changeBox">
				<view class="type" :class="[type == index?'type1':'type']" v-for="(item, index) in typeList"
					:key="index" @click="tapInfo(index)">
					<text>{{item.typeName}}</text>
				</view>
			</view>
		</view>
		<view class="bodyBox">
			<view class="leaseList" :animation="animationData">
				<view class="forList" v-for="(item, index) in leaseList" :key="index">
					<view class="infoBox" @click="details">
						<view class="infoTextBox">
							<img src="../../static/home/info.jpg" class="infoImg">
							<span style="display: flex;flex-wrap: wrap; margin-left: 20rpx;">
								<text style="width: 100%; margin: 5rpx;">{{item.title}}</text>
								<text style="width: 100%; margin: 5rpx; font-size: 12px; color: #999999;">{{item.area}}</text>
								<text style="width: 100%; margin: 5rpx; color: #FF0000;">
									{{item.money}} <text style="font-size: 14px;">元/月</text></text>
							</span>
						</view>
						<view class="infoUserBox">
							<span style="display: flex; align-items: center;">
								<img src="../../static/home/touxiang.png" class="userHead">
								<text style="margin-left: 15rpx; color: #999999; font-size: 12px;">发布人</text>
							</span>
							<img src="../../static/lease/more.png" class="moreIcon">
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				typeList: [{
					typeName: '房源发布'
				}, {
					typeName: '加盟发布'
				}, {
					typeName: '合伙发布'
				}, {
					typeName: '管家发布'
				}],
			}
		},
		onLoad() {

		},
		methods: {
			// 返回
			goBack() {
				uni.navigateBack(0)
			},
		}
	}
</script>

<style>
	@import '../../css/.css';
</style>
